<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="$gqt/admin/bootstrap2.3.2/css/bootstrap.min.css">
    <!-- <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">   -->
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <!--  <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
    <script src="/GQT/public/static/admin/bootstrap2.3.2/js/bootstrap.min.js"></script>
    <!-- <script src="/GQT/public/static/admin/bootstrap2.3.2/js/jquery-1.9.1.min.js"></script> -->

    <title>用户管理</title>
</head>
<style type="text/css">
    thead>tr,
    tbody>tr {
        background: #c9e6f6;
        color: #000;
    }
</style>

<body>
    <div class="page-container">
        <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="r">共有数据：
                <strong>{$count}</strong> 条</span>
        </div>
        <div class="mt-20">
            <table class="table table-hover" id="cusTable" data-pagination="true" data-show-refresh="true" data-show-toggle="true" data-showColumns="true">
                <thead>
                    <tr>

                        <th data-field="name" data-sortable="true" width="220">
                            奖项名称
                        </th>
                        <th data-field="time" data-sortable="true" width="220">
                            申请时间
                        </th>
                        <th data-field="tea_id" data-sortable="true" width="220">
                            奖项编号
                        </th>
                        <th data-field="stu_id" data-sortable="true" width="220">
                            学号
                        </th>
                        <th data-field="class_id" data-sortable="true" width="220">
                            班级
                        </th>
                        <th data-field="content" data-sortable="true" width="220">
                            内容
                        </th>
                        <th data-field="score" data-sortable="true" width="220">
                            学分
                        </th>
                        <th data-field="pass" data-sortable="true" width="220">
                            通过
                        </th>
                        <th data-field="unpass" data-sortable="true" width="220">
                            未通过
                        </th>


                    </tr>
                </thead>
                <tbody>
                    {volist name="list->data" id="vo"}
                    <tr>
                        <td>{$vo.name}</td>
                        <td>{$vo.time}</td>
                        <td>{$vo.tea_id}</td>
                        <td>{$vo.stu_id}</td>
                        <td>{$vo.class_id}</td>
                        <td><a class=" " data-toggle="modal" data-target="#{$vo.s_apply_id}"> <img src='$gqt/admin/image/content.png'></a></td>

                        <!-- 模态框（Modal）开始 -->
                        <div class="modal  fade" id="{$vo.s_apply_id}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-lg" id="myModaldialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                           详细内容：
                                        </h4>
                                    </div>
                                    <div class="modal-body">
                                         {$vo.content}
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal -->
                        </div>
                        <!--结束-->
                        <td>{$vo.score}</td>
                        <td>
                            <a href="/GQT/public/admin/scoremanage/pass?id={$vo.s_apply_id}">
                                <img src='$gqt/admin/image/pass.png'>
                            </a>
                        </td>
                        <td>
                            <a href="/GQT/public/admin/scoremanage/unpass?id={$vo.s_apply_id}">
                                <img src='$gqt/admin/image/unpass.png'>
                            </a>
                        </td>

                    </tr>
                    {/volist}

                    </tbody>

            </table>

        </div>
        <div style="float: right;">{$list->render}
        </div>

    </div>
</body>
<script>
    // $(document).ready(function(){
    //     $('#myModal').modal('show');
    // })
    var mouseStartPoint = { "left": 0, "top": 0 };
    var mouseEndPoint = { "left": 0, "top": 0 };
    var mouseDragDown = false;
    var oldP = { "left": 0, "top": 0 };
    var moveTartet;
    $(document).ready(function () {
        $(document).on("mousedown", "#myModaldialog", function (e) {
            if ($(e.target).hasClass("close"))//点关闭按钮不能移动对话框  
                return;
            $(".modal").css("overflow", "hidden");//禁止模态对话框的半透明背景滚动
            mouseDragDown = true;
            moveTartet = $(this).parent();
            mouseStartPoint = { "left": e.clientX, "top": e.clientY };
            oldP = moveTartet.offset();
            $(document).on("mouseup", function (e) {
                mouseDragDown = false;
                moveTartet = undefined;
                mouseStartPoint = { "left": 0, "top": 0 };
                oldP = { "left": 0, "top": 0 };
            });
        });
        $(document).on("mousemove", function (e) {
            if (!mouseDragDown || moveTartet == undefined) return;
            var mousX = e.clientX;
            var mousY = e.clientY;
            if (mousX < 0) mousX = 0;
            if (mousY < 0) mousY = 25;
            mouseEndPoint = { "left": mousX, "top": mousY };
            var width = moveTartet.width();
            var height = moveTartet.height();
            mouseEndPoint.left = mouseEndPoint.left - (mouseStartPoint.left - oldP.left);//移动修正，更平滑  
            mouseEndPoint.top = mouseEndPoint.top - (mouseStartPoint.top - oldP.top);
            moveTartet.offset(mouseEndPoint);
        });
    });
       // for(i in document.images)
         //   document.images[i].ondragstart= false;
</script>

</html>